<!DOCTYPE html>
<!--文件类型-->

<html>

<head>
    <!-- Standard Meta -->
    <meta charset="UTF-8">

    <!--网页标题（显示在浏览器标题栏中改网页的标签页）-->
    <title>歌词分享 - BitBitcode</title>
    <!--标题栏图标-->
    <link rel="icon" href="..\images\Logo.png" type="image/x-icon">
    <!--收藏夹图标-->
    <link rel="shortcut icon" href="..\images\Logo.png" type="image/x-icon">


    <!--调用 CSS 样式文件-->
    <link href="..\CSS_files\semantic.css" rel="stylesheet" type="text/css">
    <link href="..\CSS_files\singlepage.css" rel="stylesheet" type="text/css">


    <!--调用 JavaScript 文件-->
    <!--注意：“jquery-3.1.1.js”和“semantic.js”的调用顺序不能变！！！-->
    <script src="..\JavaScript_files\jquery-3.1.1.js"> </script>
    <script src="..\JavaScript_files\semantic.js"> </script>


    <!--含有JavaScript效果组件还需要单独调用-->
    <script>
        $(document)
            .ready(function () {
                $('.ui.menu .ui.dropdown')
                    .dropdown({
                        on: 'hover'
                    });
                $('.ui.menu a.item')
                    .on('click', function () {
                        $(this)
                            .addClass('active')
                            .siblings()
                            .removeClass('active')
                            ;
                    })
                    ;
            })
            ;
    </script>


    <!--内部样式定义-->
    <style>
        body {
            padding: 0em;
        }

        .ui.menu {
            margin: 0em 0em;
        }

        .ui.menu:last-child {
            margin-bottom: 110px;
        }
    </style>
</head>

<body>
    <!--全页面背景-->
    <div class="background"> </div>


    <!--页眉与导航栏（开始）-->
    <div class="ui inverted grey fixed menu" style="padding-right: 10%; padding-left: 10%;">
        <!--单项菜单-->
        <div class="header item">BitBitcode</div>
        <a class="item" href="..\index.html"> 首 页 </a>
        <a class="item" href="..\(0)Menu_Pages\(1)C_and_C++.html"> C/C++ </a>
        <a class="item" href="..\(0)Menu_Pages\(2)CMD.html"> CMD </a>
        <a class="item" href="..\(0)Menu_Pages\(3)Python.html"> Python </a>
        <a class="item" href="..\(0)Menu_Pages\(4)Articles.html"> 文 章 </a>

        <!--下拉菜单-->
        <div tabindex="0" class="ui dropdown item">
            更 多
            <i class="dropdown icon"></i>
            <div tabindex="-1" class="menu transition hidden">
                <a class="item" href="sentence.html"> 有趣的话 </a>
                <a class="active item" href="lyric.html"> 歌词分享 </a>
                <a class="item" href="wallpaper.html"> 壁纸分享 </a>
                <div class="divider"></div>
                <a class="item" href="..\(0)Menu_Pages\(5)Others.html">其 他</a>
                <div class="divider"></div>
                <a class="item" href="..\README.md">关于本站</a>
            </div>
        </div>

        <!--右边搜索栏和链接-->
        <div class="right menu">
            <div class="item">
                <div class="ui transparent inverted icon input">
                    <input type="text" placeholder="搜索功能还未上线">
                    <button class="ui grey icon button"><i class="search icon"></i></button>
                </div>
            </div>
            <a class="item" href="http://github.com/BitBitcode"><i class="github icon"></i> 我的GitHub</a>
        </div>
    </div>
    <!--页眉与导航栏（结束）-->

    <!--正文部分（开始）-->
    <div class="MFD_Light_Content">
        <div class="ui raised pink segment">
            <h2><i class="big yellow exclamation triangle icon"> </i>只是用长的占个位置，以后只会摘取部分歌词</h2>
        </div>

        <div>
            <h2>韶华未既</h2>

            <h3>歌曲信息</h3>
            <p>
                演唱：双笙<br>
                词：风守<br>
                曲：风守<br>
            </p>

            <h3>歌词欣赏</h3>
            <p>
                云逸曳 琼月蹁跹<br>
                龠声咽 忆晴雨流年<br>
                和乐清浅 子着芳霏而欲掩<br>
                哀桃花绪烨 行书以鉴<br>
                <br>
                遍寻桔枳而缘木顾颦蹙<br>
                唯愿笑靥驻<br>
                风影渐簌<br>
                以白绢为约夙夜思情梏<br>
                泣渐沾襟而袂濡<br>
                落云岑 锁玲珑<br>
                犹认芳华谨舞<br>
                <br>
                寻若木之遥远兮<br>
                随飘风缭转而行<br>
                <br>
                渚畔白鸟纷飞兮<br>
                落云岑寻陆离风影<br>
                儃徊寻虹兮<br>
                伤悲风略过凝霜渐起<br>
                唯恋子心而折渡此缘尽<br>
                时亦冉冉而韶华未既<br>
                <br>　　
                晨起露 日居月诸<br>
                之子于归 遍凭难诉<br>
                风雪尽覆欲与此心斩余雾<br>
                试植梓为期 掔发为纾<br>
                <br>　
                心婵媛而无所 遂从流<br>
                留芳泽沃若<br>
                <br>
                还愿侧身<br>
                以玄鸟之资 缤纷此尘荏<br>
                微霜降而不自忱<br>
                流年过 情意深<br>
                为君决此心谂<br>
                <br>　
                负夏蒲而解羽兮<br>
                红妆纷薀梦飘零<br>
                抚苏筝而鸣纬兮<br>
                诗楚歌志久远随行<br>
                魂俇而灵行<br>
                既知血泪将染篱落梓里<br>
                愿首邱桃下 誓姊于此命<br>
                心悲怆 了然枉却此行<br>
                <br>　　
                褰裳渉旖旎桃花纷飞楚雨<br>
                辗转汜水绪风看破繁华别离<br>
                殇于心 何以苏世独立<br>
                以韶华之年宛君心<br>
                临夏芳菲溢下幽晦兮缘起<br>
                子迁逡而行染情容与而不进<br>
                眝绯印 忆昨年之轩渠<br>
                桃落地 是唯心所取<br>
                <br>　　
                望鸾鸟纷飞心震悼兮悲鸣<br>
                何以续前缘风雨散 悲绪风翎<br>
                殇于心 何以苏世独立<br>
                以韶华之年宛君心<br>
                冬至灵思陨相鸣泣归缘起<br>
                子迁逡而行然情容与而不进<br>
                叩绯印 忆昨年之轩渠<br>
                桃纷飞 是唯心所倾<br>
            </p>
        </div>

    </div>
    <!--正文部分（结束）-->

    <!--页脚部分（开始）-->
    <!--还可以借鉴GitHub的页脚：两边写字，中间有图标-->
    <div class="ui inverted grey vertical four item footer segment">
        <div class="ui container">
            <div class="ui stackable inverted divided equal height stackable grid">
                <div class="three wide column">
                    <h4 class="ui inverted header">关 于</h4>
                    <div class="ui inverted link list">
                        <a class="item" href="https://github.com/">服务器支持：GitHub Pages</a>
                        <a class="item" href="https://semantic-ui.com/">样式支持：Semantic UI</a>
                        <a class="item" href="https://code.visualstudio.com/">开发软件：Visual Studio Code</a>
                        <a class="item" href="https://github.com/BitBitcode/BitBitcode.github.io">项目开源：GitHub</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系作者</h4>
                    <div class="ui inverted link list">
                        <a class="item">E-mail: smilewwc@qq.com</a>
                        <a class="item">Telephone：000000（示例）</a>
                        <a class="item">邮编：111111（示例）</a>
                        <a class="item">地址：中国-China</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">版权信息</h4>
                    Semantic UI样式版权归原网站所有，请勿商用！<br>
                    Copyright ©2019~2020 BitBitcode.
                </div>
            </div>
        </div>
    </div>
    <!--页脚部分（结束）-->
</body>

</html>